<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=no"/>
<title>平台数据统计</title>

<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/basictable.css" />

</head>
<body>
<div class="container">
	<div id="page">
	  <h1>平台成果统计</h1>
	  
	  <h2>双百行动</h2>
 
	  
	   

	 
	  <table id="table-two-axis" class="two-axis">
		<thead>
		  <tr>
			<th>季度</th>
		 
			<th>经济效益总量</th>
			 <td>提交成果总量</td>
			 <td>提交需求总量</td>
			 <th>对接成功量</th>
		  </tr>
		</thead>
		<tbody>
		  <tr>
			<td>第一季度</td>
			<td>25</td> 
			<td>10</td>
			<td>25</td> 
		 
			<td>25</td> 
			 
		  </tr>
		  <tr>
			<td>第二季度</td>
		  
			<td>10</td>
			<td>25</td> 
			<td>10</td>
			<td>25</td> 
			 
		  </tr>
		  <tr>
			<td>第三季度</td>
		 
			<td>10</td>
			<td>25</td> 
			<td>10</td>
			<td>25</td> 
			 
			 
		  </tr>
		  <tr>
			<td>第四季度</td>
		 
			<td>10</td>
			<td>25</td> 
			<td>10</td>
			<td>25</td> 
			 
		  </tr>
		 
		</tbody>
	  </table>

	  
	</div>
</div>

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.basictable.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
	  $('#table').basictable();

	  $('#table-breakpoint').basictable({
		breakpoint: 768
	  });

	  $('#table-swap-axis').basictable({
		swapAxis: true
	  });

	  $('#table-force-off').basictable({
		forceResponsive: true
	  });

	  $('#table-no-resize').basictable({
		noResize: true
	  });

	  $('#table-two-axis').basictable();

	  $('#table-max-height').basictable({
		tableWrapper: true
	  });
	});
  </script>

</body>
</html>